<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<link href="./css/bootstrap.min.css" rel="stylesheet">


<body>
    <div class="containner">
        <div class="header">
            <div class="supers">
                <div class="supers_left_meun">
                    <svg fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                        class="bi bi-chevron-left" viewBox="0 0 16 16">
                        <path fill-rule="evenodd"
                            d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
                    </svg>
                </div>
                <div class="supers_content">
                    FREE SHIPPING AT £200
                </div>
                <div class="supers_right_meun">
                    <svg fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                        class="bi bi-chevron-right" viewBox="0 0 16 16">
                        <path fill-rule="evenodd"
                            d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
                    </svg>
                </div>
            </div>
            <div class="navs">
                <div class="header_left">
                    <span>SHOP</span>
                    <span>RECIPES</span>
                    <span>INFO</span>
                </div>
                <div class="header_center">
                    <img src="./img/838c114d87e8b11ee26e50706af61c2.png" alt="" style="height: 115px;">
                </div>
                <div class="header_right">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                        class="bi bi-0-circle" viewBox="0 0 16 16">
                        <path
                            d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99ZM8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z" />
                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z" />
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                        class="bi bi-0-circle" viewBox="0 0 16 16">
                        <path
                            d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99ZM8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z" />
                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z" />
                    </svg> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                        class="bi bi-0-circle" viewBox="0 0 16 16">
                        <path
                            d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99ZM8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z" />
                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z" />
                    </svg>

                </div>
            </div>
        </div>
        <!-- banner展示 -->
        <div class="banners">
            <img src="./img/Buy_Dragon_Fruit_FINE_WILD_UK.png" alt="" style="width: 100%;height: 100%;">
        </div>
        <!-- 商品展示 -->
        <div class="shop">
            <div class="shop_img_box">
                <img src="./img/Buy_Dragon_Fruit_FINE_WILD_UK.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div class="shop_img_box">
                <img src="./img/Buy_Dragon_Fruit_FINE_WILD_UK.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div class="shop_img_box">
                <img src="./img/Buy_Dragon_Fruit_FINE_WILD_UK.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div class="shop_img_box">
                <img src="./img/Buy_Dragon_Fruit_FINE_WILD_UK.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div class="shop_img_box">
                <img src="./img/Buy_Dragon_Fruit_FINE_WILD_UK.png" alt="" style="width: 100%;height: 100%;">
            </div>
        </div>
    </div>
    <script src="./js/jquery-3.2.1.min.js">
    </script>
    <script src="./js/bootstrap.bundle.min.js"></script>
</body>

</html>